<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      //   $on, $off, $emit 都来自于 Vue 的原型

      // 1. 声明一个构造函数
      function VueComponent(name) {
        this.uname = name
      }
      VueComponent.prototype.sayHi = function () {
        console.log(this.uname)
      }

      // 2. 创建实例
      const Home = new Person('迪丽热巴')
      // 通过 $on 注册的demo方法
      Home.haha = function () {
        return this.uname
      }

      const Button = new Person('古力娜扎')
      // p2 是否能够通过 $emit 访问到 demo 方法
    </script>
  </body>
</html>
